!function ($) {

    // let $clonebox = $('.goods-item:hidden').clone(true, true);
    // alert(55555);
    // $clonebox.css('display', 'block');
    // $('.cart-table').append($clonebox);
    function showlist(sid, num) {
        $.ajax({
            url: 'http://localhost/Yoho/php/alldata.php',
            dataType: 'json'
        }).done(function (data) {
            $.each(data, function (index, value) {
                if (sid === value.sid) {
                    let $clonebox = $('.goods-item:hidden').clone(true, true);
                    // alert(55555);
                    // $clonebox.css('display', 'block');
                    // $('.cart-table').append($clonebox);
                    $clonebox.find('.pay_pro').find('img').attr('src', value.url);
                    $clonebox.find('.pay_pro').find('img').attr('sid', value.sid);
                    $clonebox.find('.pay_pro_info').find('a').html(value.title);
                    $clonebox.find('.p-product-price').find('strong').html(value.price);
                    $clonebox.find('.quantity-form').find('input').val(num);

                    // 计算单个商品的价格
                    $clonebox.find('.b-sum').find('strong').html((value.price * num).toFixed(2));
                    $clonebox.css('display', 'block');
                    $('.cart-table').append($clonebox);
                    calcprice();
                }
            });
        });
    }

    // 2.获取渲染
    if(jscookie.get('cookiesid') && jscookie.get('cookienum')){
        let s = jscookie.get('cookiesid').split(',');
        let n = jscookie.get ('cookienum').split(',');
        $.each(s, function(index,value) {
            showlist(s[index],n[index]);
        });
    }



    // 3.计算总价
    function calcprice() {
        let $sum = 0;//商品的件数
        let $count = 0;//商品的总价
        $('.goods-item:visible').each(function (index, ele) {
            if ($(ele).find('.cart-checkbox input').prop('checked')) {//复选框勾选
                $sum += parseInt($(ele).find('.quantity-form input').val());
                $count += parseFloat($(ele).find('.b-sum strong').html());
            }
        });
        $('.amount-sum').find('span').html($sum);
        $('.totalprice').html($count.toFixed(2));
    }

     // 4.   全选
    $('.allsel').on('change', function () {
        
        $('.goods-item:visible').find(':checkbox').prop('checed',$(this).prop('checked'));
        $('.allsel').prop('checked',$(this).prop('checked'));
        calcprice();
    });
    let $inputs = $('.goods-item:visible').find(':checkbox');
    $('.cart-table').on('change',$inputs, function(){
        if($('.goods-item:visible').find(':checkbox').length === $('.goods-item:visible').find('input:checked').size()){
            $('.allsel').prop('checked',true);
        }else{
            $('.allsel').prop('checked',false);
        }
        calcprice();
    });

    // 5.数量的改变
    $('.quantity-add').on('click',function () {
        let $num = $(this).parents('.goods-item').find('.quantity-form input').val();
        $num++;
        $(this).parents('.goods-item').find('.quantity-form input').val($num);

        $(this).parents('.goods-item').find('.b-sum strong').html(calcsingleprice($(this)));
        calcprice();
        setcookie($(this));
    });
    $('.quantity-down').on('click',function () {
        let $num = $(this).parents('.goods-item').find('.quantity-form input').val();
        $num--;
        if($num <1){
            $num = 1;
        }

        $(this).parents('.goods-item').find('.quantity-form input').val($num); 
        $(this).parents('.goods-item').find('.b-sum strong').html(calcsingleprice($(this))); 
        calcprice();
        setcookie($(this));
    });
    $('.quantity-form input').on('input', function(){
        let $reg = /^\d+$/g;
        let $value = $(this).val();
        if(!$reg.test($value)){
            $(this).val(1);
        }
        $(this).parents('.goods-item').find('.b-sum strong').html(calcsingleprice($(this)));
        calcprice();
        setcookie($(this));
    });

    // 计算单价
    function calcsingleprice(obj){
        let $dj = parseFloat(obj.parents('.goods-item').find('.p-product-price strong').html());
        let $num = parseFloat(obj.parents('.goods-item').find('.quantity-form input').val());
        return ($dj * $num).toFixed(2);
    }


    let arrsid = [];
    let arrnum =[];
    function cookietoarray(){
        if(jscookie.get('cookiesid') && jscookie.get('cookienum')){
            arrsid = jscookie.get('cookiesid').split(',');
            arrnum = jscookie.get('cookienum').split(',');
        }else{
            arrsid =[];
            arrnum = [];
        }
    }

    function setcookie(obj){
        cookietoarray();
        let $sid = obj.parents('.goods-item').find('img').attr('sid');
        arrnum[$.inArray($sid,arrsid)] = obj.parents('.good-item').find('.quantity-form input').val();
        jscookie.add('cookienum',arrnum, 10);
    }

    // 6.删除
    function delcookie(sid, arrsid) {//sid:当前删除的sid  arrsid:存放sid的数组[3,5,6,7]
        let $index = -1;//删除的索引位置
        $.each(arrsid, function (index, value) {
            if (sid === value) {
                $index = index;
            }
        });
        arrsid.splice($index, 1);
        arrnum.splice($index, 1);

        jscookie.add('cookiesid', arrsid, 10);
        jscookie.add('cookienum', arrnum, 10);
    }
    $('.b-action a').on('click' ,function(){
        cookietoarray();
        if(window.confirm('你确定要删除吗？')){
            $(this).parents('.goods-item').remove();
            delcookie($(this).parents('.goods-item').find('img').attr('sid'),arrsid);
            calcprice();
        }
    });

    $('.operation a').on('click',function(){
        cookietoarray();
        if(window.confirm('你确定要全部删除吗？')){
            $('.goods-item:visible').each(function (){
                if($(this).find(':checkbox').is(':checked')){//判断复选框是否选中
                    $(this).remove();
                    delcookie($(this).find('img').attr('sid'),arrsid);
                }
            });
            calcprice();//计算总价
        }
    })
}(jQuery)